<%-- 
    Document   : Login
    Created on : 2020-4-25, 10:46:22
    Author     : lw
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>登录页面</title>
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/login.css">
        <style type="text/css">
            #hello{
                font-family: ‘Courier New’, Courier, monospace;
                font-size: 35px;
                color: lightgreen;
                float: left;
                font-weight: bold;
            }
            #world{
                font-family: ‘Courier New’, Courier, monospace;
                font-size: 35px;
                float: left;

            }

            #img2{
                width: 25px;
                height: 25px;
                float: left;
                margin-top: 10px;
                margin-left: 63px;}
            #clear{
                clear: both;
            }

            #login-box{
                width: 400px;
                border: 1px solid #ddd;
                border-radius:30px;                              
                background-color: #FFF;
                position: absolute;
                top: 25%;
                left: 15%;
                text-align: center;
                padding: 20px;                
                box-shadow: 8px 8px 8px grey;
            }
            #img1{
                position: absolute;
                top:18%;
                right: 18%;
                width: 500px;
                height: 500px;
            }
        </style>
    </head>

    <body background="img\bg1.jpg" style=" background-repeat:no-repeat ; background-size:100% 100%; background-attachment: fixed;">




        <div id="login-box">
            
            <br>
            <img id="img2" src="img/logo.png">
            <div id="hello">Hello</div><div id="world">World</div>
            <div id="clear"></div>
            <br>
            <form action="lg" class="form-inline" method="post">
                <input type="text" name="username" class="form-control" placeholder="请输入用户名" style="width:230px;" > 
                <br><br>
                <input type="password" name="password" class="form-control" placeholder="请输入密码" style="width:230px;">
                <br><br>
                <button class="btn btn-success" style="width:230px;">登录</button>
            </form>
            <hr>
            <div style="text-align: center;">没有账户？<a style="color: lightgreen;">注册</a></div>
            <br>
            <a style="text-align: center; color: #000;">管理员登录</a>
        </div>
        <img id="img1" src="img/book.png">

    </body>
</html>
